<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>DOM Manipulation</title>
</head>
<body>
	<header>
		<input  type="color" id="color-id">
		<button type="button" onclick="OnClick()">Change Background</button>
	</header>
	
	<script>
		function OnClick(){
			var x=document.getElementById("color-id").value;
			document.body.style.backgroundColor=x;
		}
	</script>
</body>
</html>